import React from 'react';
import { PathTableHistory, Title } from '../index.js';
import styles from './index.less';

const TimelineItem = (props) => {
  // 路径显示table的配置

  const { history, show } = props;
  const containerStyle = { display: show ? 'block' : 'none' };
  return (
    <div className={styles.container} style={containerStyle}>
      <Title history={history} />
      <PathTableHistory records={history.paths} />
    </div>
  );
};

export default TimelineItem;
